<template>
	<view>
		<view class="b_bai d_flex d_flex_around d_flex_items_center h-100 f-28 color67">
			<view v-for="(item,index) in list" :key="index" @click="tabBtn(index)">
				<text :class="{'active':index == active}">{{item}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			list:Array,
			active:Number
		},
		methods:{
			tabBtn(key){
				this.$emit('tabBtn',key)
			}
		}
	}
</script>

<style>
	.active{
		border-bottom: 2px solid #0055fe;
		display: inline-block;
		line-height: 100rpx;
		color:#0055fe;
	}
</style>
